<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	  xmlns:social="http://spring.io/springsocial"
	  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorator="layout">
	<head>
		<title>Sociowallet</title>
		<link rel="stylesheet" th:href="@{/resources/page.css}" type="text/css" media="screen"></link>
		<link rel="stylesheet" th:href="@{/resources/form.css}" type="text/css" media="screen"></link>
		<link rel="stylesheet" th:href="@{/resources/messages/messages.css}" type="text/css" media="screen"></link>
	</head>
	<body>
		<div id="header">
			<h1><a th:href="@{/}">Sociowallet</a></h1>
		</div>
		
		<div id="leftNav">
			Left nav menu
		</div>
		
		<div id="content" layout:fragment="content">
			<h3>Connect to LinkedIn</h3>
			
			<form th:action="@{/connect/linkedin}" method="POST">
				<input type="hidden" name="_csrf" th:value="${_csrf.token}" />
				<input type="hidden" name="scope" value="r_basicprofile r_emailaddress r_network r_fullprofile rw_nus" />
				<div class="formInfo">
					<p>
						You haven't created any connections with LinkedIn yet. Click the button to connect Sociowallet with your LinkedIn account. 
						(You'll be redirected to LinkedIn where you'll be asked to authorize the connection.)
					</p>
				</div>
				<p><button type="submit">Connect with LinkedIn</button></p>
			</form>
		</div>		
	</body>
</html>

